<template>
   <div id="box">
       <header>
          <ul>
      <li @click="fanhui"><img src="../assets/img/fanhui2.png"></li>
      <li>购买记录</li>
      <li ></li>

    </ul>
       </header>
       <section>
           <div class="menu">
             <ul>
               <li><img src="../assets/img/gou1.png"><p>全部</p></li>
               <li><img src="../assets/img/gou2.png"><p>代付款</p></li>
               <li><img src="../assets/img/gou3.png"><p>代发货</p></li>
               <li><img src="../assets/img/gou4.png"><p>待收货</p></li>
             </ul>
           </div>
           <ol>
            <li><img src="../assets/img/zanwu.png"><p>暂无数据</p></li>
          </ol>
       </section>
        <footer>
            <ul>
            <router-link to="shouye">
              <li><img src="../assets/img/foot1.png"><p>首页</p></li>
            </router-link>
              <router-link to="zuixinjiexiao">
              <li><img src="../assets/img/foot2.png"><p>最新揭晓</p></li>
            </router-link>
            <router-link to="qingdan">
              <li><img src="../assets/img/foot3.png"><p>清单</p></li>
            </router-link>
            <router-link to="faxian">
              <li><img src="../assets/img/foot4.png"><p>发现</p></li>
            </router-link>
            <router-link to="sjdenglu">
              <li><img src="../assets/img/foot5.png"><p>我</p></li>
            </router-link>
            </ul>
  </footer>
   </div>
</template>

<script>
   import".././assets/js/jquery-1.12.4.min.js"
export default {
   
  name: 'wodexiaoxi',
 methods:{
  fanhui(){
    this.$router.go(-1)
  }
 }
}
$(function(){
  $("menu ul li").click(function(){
    $(this).addClass("active").siblings().removeClass("active")
  })
})
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    @import '.././assets/less/goumaijilu.less';
    @import '.././assets/css/reset.css';
</style>